@charset "gb2312";
/**
*   Made by cgq
**/

/*index.html==========================*/
body{width:100%; background-color:#FFF;}
.header, .head, .index, .foot, .banner, .pages{ margin:0 auto; width:1004px;}
.header{ width:1004px; overflow:hidden;background-color:#FFFFFF;}

/*header*/


.top{ width:1004px; height:101px; background-image:url(../images/sk_01.jpg);color:#000;}
.top a{ color:#000;}

.nav{ width:1004px; height:34px; overflow:hidden;background-image:url(../images/sk_02.jpg);}

#dropmenu{	
margin: 0;
padding: 0 2px 0 2px;
width:100%;
height:34px;
}

#dropmenu li{	
float: left;
list-style: none;
font: 14px/34px  SimSun,'microsoft yahei',Verdana,Arial;
font-weight:bold;

}

#dropmenu li a{	
display: block;
padding: 0px;
text-align:center;
text-decoration: none;
width: 100px;
color: #fff;
white-space: nowrap;
font: 14px/34px  SimSun,'microsoft yahei',Verdana,Arial;
font-weight:bold;
}

#dropmenu li a:hover{	
color: #505050;
background: url(../images/menunow.png);
font: 14px/34px  SimSun,'microsoft yahei',Verdana,Arial;font-weight:bold;
}
		
#dropmenu li ul{
margin: 0px;
padding: 4px 0px;
width: 100px;
position: absolute;
visibility: hidden;
background:#ebebeb;
}
		
#dropmenu li ul li{
float: none;
display: inline;
width: 100px;
height:30px;
font: 12px/30px  SimSun,'microsoft yahei',Verdana,Arial;
}
			
#dropmenu li ul li a{	
padding: 0px;
text-align:center;
background:#ebebeb;
color: #505050;
font: 12px/30px  SimSun,'microsoft yahei',Verdana,Arial;
}
			
#dropmenu li ul li a:hover{	
padding: 0px;
color: #fff;
background: #5f93e3;
font: 12px/30px  SimSun,'microsoft yahei',Verdana,Arial;
}


.banner{ width:1004px; height:240px;}

/*index*/
.index{ width:1004px; padding:10px 0px;background-color:#FFFFFF;}

.index_one{ width:1004px;}

.index_left{ width:245px; float:left;}

.index_prolist{ width:245px; height:auto;}
.index_prolist h3{width:245px; height:43px; background-image:url(../images/sk_05.jpg);position:relative;}
.prolistbody { width:245px; height:auto !important;min-height:187px; background:#f3f3f5;}
/* ============分类列表============== */

div.productclass_dolphin{
margin:0px;
padding:3px 8px;
}

a.productclass_dolphin:link,a.productclass_dolphin:visited,a.productclass_dolphin:active{
display:block;
text-decoration: none;
font:12px/31px Verdana, Arial, Helvetica, sans-serif;
height:39px;
text-align:center;
background:url(../images/li.jpg) 0px 0px no-repeat;
margin:0px;
color:#202020;
}

a.productclass_dolphin:hover{
display:block;
color:#e10000; 
text-decoration: none;
}


.index_ry{ width:245px; height:101px;}

.index_rc{ width:245px; height:89px;}

.index_contact{ width:245px;height:217px;}
.index_contact h3{width:245px; height:89px; background-image:url(../images/sk_22.jpg)}
.contactbody{ width:245px; height:128px; background:#f3f3f5;}
.contactbody .text{ line-height:18px; padding:10px; overflow:hidden; }

.index_right{ width:749px; float:right;}

.index_right_one{ width:749px;height:230px;}

.index_about{ width:484px; height:230px; float:left;}
.index_about h3{width:484px; height:43px; background-image:url(../images/sk_07.jpg);position:relative;}
.index_about h3 span{ float:right; font-size:14px; line-height:43px; position:absolute;right:15px;  top:8px;}
.aboutbody .pic{ width:214px; height:187px;background-image:url(../images/sk_11.jpg); float:left;}
.aboutbody .righ{ width:270px; height:187px;float:left;}
.aboutbody .righ .text{ line-height:18px; padding:10px; overflow:hidden; }

.index_pic{ width:255px;height:230px; float:right;}
.index_pic h3{width:255px; height:43px; background-image:url(../images/sk_09.jpg);position:relative}
.index_pic h3 span{ float:right; font-size:14px; line-height:43px;position:absolute;right:5px;top:5px;}
.picbody { width:255px; height:187px;background:#f3f3f5;}
.pic_body{ width:245px; height:170px; padding-top:8px; padding-left:5px;}


.index_right_two{ width:749px;height:235px; padding-top:10px;}

.index_news{ width:484px; height:235px; float:left;}
.index_news h3{width:484px; height:44px; background-image:url(../images/sk_17.jpg);position:relative;}
.index_news h3 span{ float:right; font-size:14px; line-height:44px; position:absolute;right:15px; top:12px;}
.newsbody { width:484px; height:191px;}

.index_yf{ width:255px; height:235px; float:right;}
.index_yf h3{width:255px; height:44px; background-image:url(../images/sk_18.jpg);position:relative;}
.index_yf h3 span{ float:right; font-size:14px; line-height:44px; position:absolute;right:15px; top:8px;}
.yfbody { width:255px; height:191px;background:#f3f3f5;}





.index_al{ width:749px;height:220px; }
.index_al h3{ width:749px; background-image:url(../images/sk_23.jpg);height:36px;position:relative;}
.index_al h3 span{ float:right; font-size:14px; line-height:36px; position:absolute;right:15px; top:8px;}
.albody{ width:749px; height:184px; overflow:hidden;}
.index_Rolla { width:729px; height:164px; padding:10px 10px;overflow:hidden;}
#demoa { overflow:hidden;  width:729px;} 
#demoa img { border: 1px solid #ccc; }
#indemoa { float: left; width:800%; }
#demoa #indemoa img { width:150px; height:130px; padding:2px; border:1px solid #d8d8d8;}
#demoa #indemoa a { display:block; width:150px; float:left; margin:5px 10px;}
#demoa #indemoa p { text-align:center; line-height:20px;}
#demoa1 { float: left; }
#demoa2 {float: left;}

.index_pro{height:207px; width:1004px;}
.index_pro h3{ width:1004px; background-image:url(../images/sk_26.jpg);height:37px;position:relative;}
.index_pro h3 span{ float:right; font-size:14px; line-height:37px; position:absolute;right:15px;top:8px;}
.probody{width:1004px; height:170px; overflow:hidden;}
.index_Roll { width:980px; height:160px; padding:5px 10px;overflow:hidden;}
#demo { overflow:hidden;  width:980px;} 
#demo img { border: 1px solid #ccc; }
#indemo { float: left; width:800%; }
#demo #indemo img { width:150px; height:130px; padding:2px; border:1px solid #d8d8d8;}
#demo #indemo a { display:block; width:150px; float:left; margin:4px 10px;}
#demo #indemo p { text-align:center; line-height:20px;}
#demo1 { float: left; }
#demo2 {float: left;}

.nr{ padding-top:3px; padding-right:0px;}
.nr ul{ padding-left:3px;}
.nr ul li{ height:30px; line-height:30px; overflow:hidden; color:#000; border-bottom:0px solid #bfd9f2;position:relative; }
.nr ul li a{ margin-left:5px; color:#000;padding-left:5px;}
.nr ul li a:hover{ color:#FBAB00;}
.nr ul li span{ position:absolute; top:0; right:0;color:#000;padding-right:10px;}
.text{ line-height:18px; padding:10px;}

 
.nnr{ padding-top:4px; padding-right:0px;}
.nnr ul{ padding-left:6px;}
.nnr ul li{ height:31px; line-height:31px; overflow:hidden; color:#000; position:relative;cursor: pointer;
background:url(../images/tif.gif) 2px 9px no-repeat;}
.nnr ul li a{ margin-left:15px; color:#000;}
.nnr ul li a:hover{ color:#FBAB00;}
.nnr ul li span{ position:absolute; top:0; right:0;color:#000;padding-right:10px;}
/*footer*/

.foot{  height:104px; width:1004px; background-image:url(../images/sk_29.jpg);}
.copy{ padding-top:30px; color:#000;  text-align:center;}
.copy a{ color:#000}
.copy a:hover{ color:#FBAB00;}
/*pages*/
.pages{ width:1004px; padding:10px 0px;background-color:#FFFFFF;}

/*left*/
.left{float:left; width:245px;}

.left .page_prolist{ width:245px; height:auto; }
.left .page_prolist h3{width:245px; height:43px; background-image:url(../images/skny_02.jpg)}
.left .page_prolistbody {width:245px; height:auto !important;min-height:189px;background:#f3f3f5;}

.left .page_news{ width:245px; height:233px;padding-top:9px;}
.left .page_news h3{width:245px; height:45px; background-image:url(../images/skny_08.jpg)}
.left .page_newsbody {width:245px; height:188px;background:#f3f3f5;}

.left .page_contact{ width:245px; height:277px;padding-top:8px;}
.left .page_contact h3{width:245px; height:101px; background-image:url(../images/skny_11.jpg)}
.left .page_contactbody {width:245px; height:176px;background:#f3f3f5;}


.right{  width:749px;  float:right; background:#FFFFFF;height:auto !important;min-height:446px;}
.right .bt{ height:43px; line-height:43px; background:url(../images/skny_04.jpg); text-indent:0; position:relative;}
.right .bt h4{ font-size:14px; color:#000; font-weight:bold; position:absolute; left:30px;; top:2px;line-height:43px; }
.right .bt span{ position:absolute; right:10px; top:0; color:#000; line-height:43px;}
.right .bt span a{ color:#000;}
.right .bt span a:hover{ color:#FBAB00;}


.right .newslist ul{ padding-top:20px; padding-left:20px; padding-right:20px;}
.right .newslist li{ padding-left:20px; margin-top:10px; height:30px; position:relative; background:url(../images/line.jpg) no-repeat 0 bottom;}
.right .newslist li a:hover{ color:#FFA605; text-decoration:underline;}
.right .newslist li span{ position:absolute; right:0; top:0; color:#000;}

.right .new{ margin-bottom:20px; margin-top:40px; padding-left:20px; padding-right:20px;}
.right .new h5{ font-size:18px; color:#333; text-align:center; font-weight:bold;}
.right .new h6{ text-align:center; font:normal 12px "宋体"; color:#333; padding:5px 0; background-color:#F7F7F7; border:1px solid #E8E8E8; margin-top:20px;font-weight:bold;}
.pages .new .nr_text{ font-size:14px; line-height:26px; color:#333;padding-left:20px; padding-right:20px; padding-top:20px;}

.pagelink{ float:right; height:26px; line-height:26px; background-color:#DCD9D4; margin:20px 0 0 0; padding:0 10px;}
.pagelink a, .pagelink span{ padding:0 3px;}
.pagelink a.on, .pagelink a:hover{ color:#F9003B;}

/*about.html=================================*/
.pages .aboutus{ margin-bottom:20px; margin-top:20px; padding-left:20px; padding-right:20px;}
.pages .aboutus h5{ font-size:18px; color:#333; text-align:center;font-weight:bold;}
.pages .aboutus .nr_text{ font-size:14px; line-height:26px; color:#333;}

.posts {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 695px; LINE-HEIGHT: 22px; PADDING-TOP: 0px
}
.posts P {
	MARGIN-BOTTOM: 10px
}
.single {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; WIDTH: 685px; PADDING-TOP: 0px
}
.single H2 {
	FONT-SIZE: 18px; PADDING-BOTTOM: 10px; MARGIN: 20px 0px; COLOR: #222; BORDER-BOTTOM: #ddd 1px solid; TEXT-ALIGN: center;font-weight:bold;
}
.postlist {
	MARGIN: 15px 0px 0px
}
.postlist LI {
	PADDING-LEFT: 12px; BACKGROUND: url(../images/arrow.gif) no-repeat 0px 14px; FLOAT: left; WIDTH: 640px; LINE-HEIGHT: 32px; BORDER-BOTTOM: #ddd 1px dashed; HEIGHT: 32px
}
.postlist LI H3 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; FLOAT: left; WIDTH: 500px
}
.postlist LI SPAN {
	FLOAT: right; WIDTH: 80px; COLOR: #666; TEXT-ALIGN: right
}
.productlist {
	MARGIN-TOP: 10px; padding-left:10px;
}
.productlist LI {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 10px; OVERFLOW: hidden; WIDTH: 205px; PADDING-TOP: 0px; HEIGHT: 190px
}
.productlist LI IMG {
	BORDER-RIGHT: #e4e4e4 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #e4e4e4 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #e4e4e4 1px solid; WIDTH: 200px; PADDING-TOP: 2px; BORDER-BOTTOM: #e4e4e4 1px solid; HEIGHT: 160px
}
.productlist LI .product_name {
	DISPLAY: block; OVERFLOW: hidden; WIDTH: 200px; LINE-HEIGHT: 15px; HEIGHT: 15px; TEXT-ALIGN: center
}
.sidebar {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 250px
}
.sidebar H3 {
	PADDING-RIGHT: 5px; PADDING-LEFT: 10px; FONT-SIZE: 14px; BACKGROUND: url(../images/bg.png) no-repeat 0px -131px; FLOAT: left; PADDING-BOTTOM: 6px; WIDTH: 222px; COLOR: #0b3779; PADDING-TOP: 8px
}
.sidebar UL {
	FLOAT: left; WIDTH: 250px
}
.sidebar UL LI {
	FLOAT: left; MARGIN-BOTTOM: 20px
}
.sidebar UL LI.widget_text {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
.sidebar UL LI.widget DIV {
	CLEAR: both; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 20px; PADDING-TOP: 15px
}
.sidebar UL LI UL {
	MARGIN-TOP: 15px; FLOAT: left
}
.sidebar UL LI UL LI {
	PADDING-LEFT: 10px; BACKGROUND: url(../images/spot.gif) no-repeat 0px 6px; MARGIN: 6px 4px 5px; OVERFLOW: hidden; WIDTH: 222px
}
.sidebar UL LI UL LI UL {
	MARGIN-TOP: 5px; WIDTH: 222px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.sidebar UL LI UL.sub LI {
	PADDING-LEFT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%
}
.sidebar UL LI UL.sub LI A:link {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 22px; FONT-WEIGHT: bold; BACKGROUND: url(../images/arrow.gif) no-repeat 10px 7px; PADDING-BOTTOM: 10px; WIDTH: 210px; COLOR: #333; PADDING-TOP: 2px; BORDER-BOTTOM: #e6e6e6 1px solid; TEXT-DECORATION: none
}
.sidebar UL LI UL.sub LI A:visited {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 22px; FONT-WEIGHT: bold; BACKGROUND: url(../images/arrow.gif) no-repeat 10px 7px; PADDING-BOTTOM: 10px; WIDTH: 210px; COLOR: #333; PADDING-TOP: 2px; BORDER-BOTTOM: #e6e6e6 1px solid; TEXT-DECORATION: none
}
.sidebar UL LI UL.sub LI A:hover {
	BACKGROUND: url(../images/arrow_hover.gif) no-repeat 10px 7px; COLOR: #0b3779; BORDER-BOTTOM: #ccc 1px solid
}
.sidebar UL LI UL.sub .current_page_item {
	BACKGROUND: url(../images/arrow_hover.gif) no-repeat 10px 7px; BORDER-BOTTOM: #ccc 1px solid
}
.sidebar UL LI UL.sub .current_page_item A:link {
	FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #0b3779
}
.sidebar UL LI UL.sub .current_page_item A:visited {
	FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #0b3779
}
.sidebar UL LI UL.sub .current_page_item A:hover {
	FONT-WEIGHT: bold; BACKGROUND: none transparent scroll repeat 0% 0%; COLOR: #0b3779
}
